<script type="text/javascript">
//页面加载时执行
$(function(){
	$.get("applicationSingle/getCardInfo",function(data){
		var contentb="<option value='' selected>请选择</option>";
		var contentc="<option value='' selected>请选择</option>";
		var i;
		$(data).each(function(n,item){
			for(i=0;i<item.cdProDefinitions.length;i++){
				
				contentb+="<option value="+item.cdProDefinitions[i].cardpCode+">"
				+item.cdProDefinitions[i].cardpName+"</option>"
			}
			for(i=0;i<item.certificates.length;i++){
				
				contentc+="<option value="+item.certificates[i].certificateType+">"
				+item.certificates[i].certificatesName+"</option>"
			}
			$("#paperTypeByQueryApplication").html(contentc);
			$("#cardCodeByQueryApplication").html(contentb);
		});
	},"json");
	
	$.post("queryInfo/getCardStautsAndPosition",function(json){
		var contenta="<option value='' selected>请选择</option>";
		var contentb="<option value='' selected>请选择</option>";
		$(json).each(function(n,item){
			for(var i=0;i<item.cardpositions.names.length;i++){
				contentb+="<option value="+item.cardpositions.codes[i]+">"
				+item.cardpositions.names[i]+"</option>"
			}
			for(var i=0;i<item.cardStautses.names.length;i++){
				contenta+="<option value="+item.cardStautses.codes[i]+">"
				+item.cardStautses.names[i]+"</option>"
			}
			$("select[name='cardStauts']").html(contenta);
			$("select[name='cardPosition']").html(contentb);
		});
		
	},"json");
	
	$.post("tellerManage/getpaperAndBranch",function(json){
		 var contentb="<option value='' >请选择</option>";
		 $(json).each(function(n,item){
			for(i=0;i<item.branchs.length;i++){
				contentb+="<option value="+item.branchs[i].orgName+">"
				+item.branchs[i].orgName+"</option>"
			};
			$("select[name='collBranchName']").html(contentb);
		 });
		
	 },"json")
	$.ajax({
		type: 'POST',
		url:"queryInfo/queryApplication",
		dataType:"json",
		cache: false,
		success: queryApplication,//回调函数
		error: DWZ.ajaxError
	});
	
	
});


</script>
<!-- <form id="pagerForm" action="queryInfo/queryApplicationTest" method="post">
    <input type="hidden" name="pageNum" value="1" />【必须】value=1可以写死
    <input type="hidden" name="numPerPage" value="" />【可选】每页显示多少条
</form> -->
<div class="pageHeader ">
	<form id="pagerForm" method="post" action="queryInfo/queryApplication"
		class="pageForm required-validate"
		onsubmit="return validateCallback(this,queryApplication);">
		<input type="hidden" name="pageNum" value="" /> <input type="hidden"
			name="numPerPage" value="" />
		<div class="searchBar">
			<!-- <table class="searchContent">
			<tr>
				<td style="text-align:left"><label>卡产品：</label></td>
				<td style="text-align:left"><select id="cardCodeByQueryApplication" name="cardPCode" >
			
				</select></td>
			
				<td style="text-align:left"><label>持卡人姓名：</label></td>
				<td><input  name="customerName" class="" type="text" size="30" /></td>
			</tr>
			<tr>
				<td><label>申领日期(起)：</label></td>
				<td><input  name="applyDateStart" class="date" type="text" size="30"  /></td>
			
				<td><label>申领日期(止)：</label></td>
				<td><input  name="applyDateEnd" class="date" type="text" size="30" /></td>
			</tr>
			<tr>
				<td style="text-align:left"><label>申领状态：</label></td>
				<td style="text-align:left"><select  name="claimStatus" class=""  >
				<option value="" >请选择
					<option value="01">已申请状态
					<option value="02">已发送银行
					<option value="03">银行返回 
					<option value="04">制卡中
					<option value="05">已制卡
					<option value="06">已入库
					<option value="07">已配送
					<option value="08">待发放
					<option value="09">已发放
					<option value="10">已注销
					<option value="11">已退卡 
					<option value="12">待制卡
					<option value="13">补卡已申请
					<option value="14">换卡已申请
				</select></td>
			
				<td style="text-align:left"><label>申请网点：</label></td>
				<td><input  name="collBranchName" class="" type="text" size="30" /></td>
			</tr>
			<tr>
				<td style="text-align:left"><label>卡状态：</label></td>
				<td style="text-align:left"><select  name="cardStauts" class=""  >
				</select></td>
			
				<td style="text-align:left"><label>卡位置：</label></td>
				<td style="text-align:left"><select  name="cardPosition" class=""  >
				</select></td>
			</tr>
			<tr>
				<td><label>发卡日期(起)：</label></td>
				<td><input  name="releaseDateStart" class="date" type="text" size="30"  /></td>
			
				<td><label>发卡日期(止)：</label></td>
				<td><input  name="releaseDateEnd" class="date" type="text" size="30" /></td>
			</tr>
			</table> -->
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>卡产品：</label> <select id="cardCodeByQueryApplication"
							name="cardPCode"></select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>姓名：</label><input name="customerName" class="validName"
							type="text" size="30" />
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>申领网点：</label><!-- <input name="collBranchName" class=""
							type="text" size="30" /> -->
							<select name="collBranchName" />
							</select>
					</p>
				</div>
			</div>
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>申领状态：</label><select name="claimStatus" class="">
							<option value="">请选择</option>
							<option value="01">已申请</option>
							<option value="02">已发送银行</option>
							<option value="03">银行返回</option>
							<option value="04">制卡中</option>
							<option value="05">已制卡</option>
							<option value="06">已入库</option>
							<option value="07">已配送</option>
							<option value="08">待发放</option>
							<option value="09">已发放</option>
							<option value="10">已注销</option>
							<option value="11">已退卡</option>
							<option value="12">待制卡</option>
							<option value="13">补卡已申请</option>
							<option value="14">换卡已申请</option>
						</select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>申领日期(起)：</label><input name="applyDateStart" class="date validDateFrom"
							type="text" size="30" />
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>申领日期(止)：</label><input name="applyDateEnd" class="date validDateTo"
							type="text" size="30" />
					</p>
				</div>
			</div>
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>卡位置：</label><select name="cardPosition" class=""></select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>发卡日期(起)：</label><input name="releaseDateStart" class="date validDateFrom"
							type="text" size="30" />
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>发卡日期(止)：</label><input name="releaseDateEnd" class="date validDateTo"
							type="text" size="30" />
					</p>
				</div>
			</div>
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>卡状态：</label> <select name="cardStauts" class=""></select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12"></div>
				<div class="col-md-4 col-sm-12"></div>
			</div>
			<div class="subBar">
				<ul>
					<li>
						<div class="buttonActive">
							<div class="buttonContent">
								<button type="submit" onclick="initCurrentPage()">查询</button>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</form>
</div>

<form method="post" action="" class="pageForm required-validate"
	onsubmit="return validateCallback(this,refresh);">
	<div class="pageContent">
		<div id="ByQueryAPP">
			<table class="table" width="100%" layoutH="218">
				<thead>
					<!-- 			持卡人姓名、证件号码、市民卡号、申领日期、申领网点、申领柜员、领卡网点、领卡人姓名、领卡日期、发卡柜员、申领状态、卡位置、卡状态 -->
					<tr align="center">
						<th width="10%">市民卡号</th>
						<th width="5%">卡产品</th>
						<th width="6%">姓名</th>
						<th width="5%">证件类型</th>
						<th width="12%">证件号码</th>
						<th width="5%">卡状态</th>
						<th width="5%">卡位置</th>
						<th width="8%">申领状态</th>
						<th width="11%">申领网点</th>
						<th width="8%">申领日期</th>
						<th width="5%">申领柜员</th>
						<!-- <th width="11%">领卡网点</th> -->
						<th width="5%">领卡人</th>
						<th width="8%">发卡日期</th>
						<th width="7%">发卡柜员</th>
					</tr>
				</thead>
				<tbody id="tbodyByQueryApplication">

				</tbody>
			</table>
		</div>
		<!-- <div class="panelBar">
		<div class="pages">//document.getElementById('queryApplication')
			<span>显示</span>
			<select id="numPerPageByQueryApplication" name="numPerPage" onchange="paging(this,$('#queryApplication'),queryApplication)">
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="50">50</option>
				<option value="100">100</option>
			</select>
			<span id="totalCountByQueryApplication" ></span>
		</div>
			<div id="paginationByQueryApplication" class="pagination1"  ></div>
	</div> -->
		<div class="panelBar">
			<div class="pages">
				<span>显示</span> <select class="combox" name="numPerPage"
					onchange="navTabPageBreak({numPerPage:this.value},'tbodyByQueryApplication',queryApplication)">
					<option value="10">10</option>
					<option value="50">50</option>
					<option value="100">100</option>
					<option value="200">200</option>
				</select> <span id="totalCountByQueryApplication">条，共${totalCount}条</span>
			</div>
			<div callback='queryApplication' id="paginationByQueryApplication"
				rel="tbodyByQueryApplication" class="pagination" targetType="navTab"
				totalCount="200" numPerPage="5" pageNumShown="5" currentPage="1"></div>
		</div>
	</div>
</form>


